@import "global";

// 表单样式
.form{
    margin:$padding 0;
    overflow: hidden;
    color:#959595;
    .row{
        position:relative;border-bottom:1px solid $bor-row-c;line-height:44px;background:#fff;height:44px;
        padding:0 $padding;
        &.flex{
            display:flex;align-items:center;
            > input,> p{flex:1;}
            >p{
                padding-left:15px;
            }
        }
        label{
            font-size:14px;
            &.down{
                  background:#FAFAFA;
                  position:relative;
                  margin-right:10px;padding: 0 10px;margin-left: -10px;
                &:before{
                    content: "";
                    background: url(../img/tab-triangle.png) no-repeat 0/6px auto;
                    position: absolute;
                    right: 3px;
                    bottom: 3px;
                    width: 10px;
                    height: 10px;
                    display: block;
                }
            }
        }
        .more{
            position:absolute;
            right:$padding;
            max-width: 35px;
        }
        select{
            padding: 12px 0;
            -webkit-appearance: none;
            border: none;
            background:none;
        }

    }
    input[type='text'],input[type='password']{
        border: none;height: 24px;line-height:24px;padding: 0 15px;width: 100%;font-size: 16px;color: #a6a6a6;box-sizing: border-box;display:block;
        &::-webkit-input-placeholder{font-size:16px;color:#a6a6a6;font-size:14px;}
    }
}
input{
    -webkit-appearance: none;
}
input[type='radio']{
    -webkit-appearance: radio;
}
input[type='checkbox']{
    vertical-align: middle;
    -webkit-appearance: checkbox;
}
// 单选框默认样式处理
input[type='checkbox'],input[type='radio'] {
    display: none;
    & + label{
        display: inline-block;
    }
    & + label:before {
        content:""; background: url(../img/other/btn-radio.png) no-repeat;background-size:16px auto;width: 16px;height: 16px;display:inline-block;vertical-align:middle;margin-right: 10px;
    }
    &:checked + label{
        color:$bg;
    }
    &:checked + label:before {
        background: url(../img/other/btn-radio-active.png) no-repeat;background-size:16px auto;
    }
}